<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="libs/font-awesome-4.6.3/css/font-awesome.min.css">
		<!--<link rel="stylesheet" type="text/css" href="libs/Swiper-3.3.1/dist/css/swiper.min.css"/>-->
		<link rel="stylesheet" type="text/css" href="libs/bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="libs/css/userCenter.css"/>
		
		<script src="libs/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="libs/Swiper-3.3.1/dist/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="libs/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/userCenter.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<div class="col-xs-2">
				<span class="fa fa-angle-left back"></span>
			</div>
			<div class="col-xs-8">
				<span class="title">会员中心</span>
			</div>
			<div class="col-xs-2 ">
				<!--<span class="glyphicon glyphicon-list"></span>-->
				<div class="dropdown">
				  <button class="btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
				    <!--Dropdown-->
				    <!--<span class="caret"></span>-->
				    <span class="glyphicon glyphicon-list classifyBtn"></span>
				  </button>
				  <ul class="dropdown-menu classifyMenu" role="menu" aria-labelledby="dropdownMenu1">
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="index.html">首页</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="classify.html">分类</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">购物车</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">个人中心</a></li>
				  </ul>
				</div>
			</div>
		</header>
		
		<div id="centerContainer">
			
			
			<div class="menberInfo">
				<div class="col-xs-2">
					<div class="portrait">
						<img src="libs/images/18.jpg"/>
					</div>
				</div>
				<div class="col-xs-8">
					<span class="menberNo">13882028022</span><br />
					<img src="libs/images/18.jpg" class="littlePortrait">&nbsp;<span class="menberRange">普通会员</span>
				</div>
				<div class="col-xs-2">
					<span class="fa fa-angle-right more"></span>
				</div>
			</div>
			
			
			<div class="currency">
				<div class="col-xs-4">
					<span class="bold">100</span><br />
					<span class="gray">我的金额</span>
				</div>
				<div class="col-xs-4">
					<div class="centerBox">
						<span class="bold">50</span><br />
						<span class="gray">可用余额</span>
					</div>
				</div>
				<div class="col-xs-4">
					<span class="bold">100</span><br />
					<span class="gray">代币</span>
				</div>
			</div>
			
			<div class="menberList">
				<ul class="list-group">
				    <li class="list-group-item menberRangeList">
				        <span class="badge">5</span>
				        <span class="fa fa-angle-right right"></span>
				         <img src="libs/images/people.png"/>一级会员
				    </li>
				    <li class="list-group-item menberRangeList">
				        <span class="badge">5</span>
				        <span class="fa fa-angle-right right"></span>
				        <img src="libs/images/friend_fill (1).png"/>二级会员
				    </li>
				    <li class="list-group-item menberRangeList">
				        <span class="badge">5</span>
				        <span class="fa fa-angle-right right"></span>
				        <img src="libs/images/profile_light.png"/>三级会员
				    </li>
				</ul>
			</div>
			
			<div class="menberOther">
				<ul class="list-group">
				    <li class="list-group-item menberRangeList">
				        <span class="fa fa-angle-right right"></span>
				         <img src="libs/images/dingdan.png"/>我的订单
				    </li>
				    <li class="list-group-item menberRangeList">
				        <span class="fa fa-angle-right right"></span>
				        <img src="libs/images/shang.png"/>升级为商家
				    </li>
				    <li class="list-group-item menberRangeList">
				        <span class="fa fa-angle-right right"></span>
				        <img src="libs/images/wanshang.png"/>完善资料
				    </li>
				</ul>
			</div>
		</div>
		
		<div id="footer"></div>
	</body>
</html>
